<template>
  <div class="notice-manage">
    <el-tabs v-model="activeName">
      <el-tab-pane v-for="(item,index) in navList" :key="index" :label="item.label" :name="item.value">
        <component v-if="index==activeName" :is="tabList[activeName]"/>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import NoticeList from './notice'
import CarouselList from './carousel'
export default {
  name: 'NoticeManage',
  components: { CarouselList, NoticeList },
  data () {
    return {
      activeName: '0',
      navList: [
        { label: '轮播图', value: '0' },
        { label: '消息中心', value: '1' }
      ],
      tabList: [CarouselList, NoticeList]
    }
  }
}
</script>
